// 头部导航样式
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding: 0 20px;
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  
  .nav {
    flex: 1;
    border-bottom: none;
    
    :global {
      .ant-menu-item {
        padding: 0 15px;
        margin: 0;
        
        &.ant-menu-item-selected {
          color: #1890ff;
          border-bottom: 2px solid #1890ff;
          font-weight: 500;
        }
      }
    }
  }
  
  .user-info {
    display: flex;
    align-items: center;
    font-size: 14px;
    
    .rank-btn {
      margin-left: 10px;
      height: 28px;
      padding: 0 10px;
      display: flex;
      align-items: center;
      
      i {
        margin-right: 4px;
      }
    }
  }
}

// 二级导航样式
.sub-nav {
  background-color: #fff;
  border-bottom: 1px solid #e8e8e8;
  
  .tabs {
    :global {
      .ant-tabs-nav {
        margin-bottom: 0;
        padding: 0 20px;
        
        .ant-tabs-tab {
          padding: 12px 16px;
          
          &.ant-tabs-tab-active {
            .ant-tabs-tab-btn {
              color: #1890ff;
              font-weight: 500;
            }
          }
        }
        
        .ant-tabs-ink-bar {
          height: 2px;
          background-color: #1890ff;
        }
      }
    }
  }
}

// 卡片样式
.task-card {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  
  .card-header {
    padding: 12px 16px;
    border-bottom: 1px solid #f0f0f0;
    
    .card-tag {
      display: flex;
      align-items: center;
      color: #1890ff;
      font-size: 14px;
      font-weight: 500;
      
      .card-tag-icon {
        margin-right: 6px;
        color: #fff;
        background-color: #1890ff;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
      }
    }
  }
  
  .card-content {
    padding: 12px 16px;
    flex: 1;
    
    .card-title {
      font-size: 13px;
      color: #333;
      margin-bottom: 6px;
    }
    
    .card-id {
      font-size: 13px;
      color: #999;
      margin-bottom: 10px;
    }
    
    .card-info {
      display: flex;
      flex-direction: column;
      gap: 6px;
      margin-bottom: 12px;
      
      .info-item {
        display: flex;
        font-size: 12px;
        color: #666;
        
        .info-label {
          width: 70px;
          flex-shrink: 0;
        }
      }
    }
    
    .status-tag {
      display: inline-block;
      padding: 2px 6px;
      border-radius: 2px;
      background-color: #e6f7ff;
      color: #1890ff;
      font-size: 12px;
      margin-bottom: 12px;
    }
  }
  
  .card-footer {
    padding: 10px 16px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #f0f0f0;
    align-items: center;
    
    .card-team {
      font-size: 12px;
      color: #999;
      display: flex;
      align-items: center;
    }
    
    .btn-group {
      display: flex;
      
      .btn {
        margin-left: 8px;
        height: 24px;
        padding: 0 8px;
        font-size: 12px;
      }
    }
  }
}

// 分页样式
.pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 16px 0;
  
  .page-info {
    margin-right: 16px;
    font-size: 14px;
    color: #666;
  }
} 